@charset "utf-8";

/* Icon */
.tabsHeader li.main a span span, #taskbar li .taskbutton span { background:url(./images/icon.png) no-repeat;}

/* Panel */
.pageContent {background: url(./images/1.png) repeat;}
.panel,
.panel .panelHeader, .panel .panelHeaderContent, .panel .panelHeaderContent h1,
.panel .panelFooter, .panel .panelFooterContent { background:url(./images/panel/panel.png) no-repeat;}
.panel .expandable, .panel .collapsable { background:url(./images/panel/panel_icon.png) no-repeat;}
.panel .panelHeaderContent h1 { color:#183152; }
.panel .panelContent { border-color:#b8d0d6; background:#eef4f5;}

.panel .grid { border-color:#b8d0d6;}

/* Tabs */
.tabs, .tabsHeader, .tabsHeaderContent,
.tabs .tabsHeader ul, .tabs .tabsHeader li, .tabs .tabsHeader li a, .tabs .tabsHeader li span,
.tabs .tabsFooter, .tabs .tabsFooterContent { background:url(./images/tabs/tabspanel.png) no-repeat;}

.tabs .tabsHeader li a { color:#03408b;}
.tabs .tabsHeader li span { color:#888;}
.tabs .tabsContent { border-color:#cdcdcd; background:#f9f9f9;}

/* TabsPage */
.tabsPage .tabsPageHeader, .tabsPage .tabsPageHeader li, .tabsPage .tabsPageHeader li a, .tabsPage .tabsPageHeader li span { background:url(./images/tabs/tabspage.png) no-repeat;}
.tabsPage .tabsPageHeader { background-color:#e9f0f2;}
.tabsPage .tabsPageHeader { border-color:#b8d0d6;}
.tabsPage .tabsPageHeader li a { color:#888;}
.tabsPage .tabsPageHeader li .close,
.tabsPage .tabsPageHeader li.hover .close,
.tabsPage .tabsPageHeader li.selected .close { background:url(./images/tabs/tabspage_icon.png) no-repeat;}
.tabsPage .tabsLeft, .tabsPage .tabsRight, .tabsPage .tabsMore { background:url(./images/tabs/tabscontrol.png) no-repeat;}
.tabsPage .tabsMoreList { border-color:#b8d0d6; background:#FFF;}
.tabsPage .tabsPageHeader .home_icon { background:url(./images/icon.png) no-repeat;}
.tabsPage .tabsPageContent { border-color:#b8d0d6; background:url(./images/1.png) repeat;}

/* Alert */
.alert .alertFooter, .alert .alertFooter_r, .alert .alertFooter_c { background:url(./images/alert/alertpanel.png) no-repeat;}
.alert .alertContent { border-color:#b8d0d6; background:#eef4f5;}
.alert .warn .alertInner { border-color:#e83e09; background:#fefacf;}
.alert .error .alertInner { border-color:#e50000; background:#fefacf;}
.alert .correct .alertInner, .alert .info .alertInner { border-color:#b8d0d6; background:#fefacf;}
.alert .confirm .alertInner { border-color:#b8d0d6; background:#fefacf;}
.alert h1 { border-color:#CCC; background:url(./images/alert/alertpanel_icon.png) no-repeat;}

/* Dialog */
.dialog .dialogHeader, .dialog .dialogHeader_r, .dialog .dialogHeader_c,
.dialog .dialogFooter, .dialog .dialogFooter_r, .dialog .dialogFooter_c { background:url(./images/dialog/dialogpanel.png) no-repeat;}
.dialog .dialogHeader h1, .dialog .dialogHeader .close, .dialog .dialogHeader .maximize, .dialog .dialogHeader .restore, .dialog .dialogHeader .minimize, .resizable_f_r { background:url(./images/dialog/dialogpanel_icon.png) no-repeat;}
.dialog .dialogHeader h1 { color:#183152;}
.dialog .dialogContent { border-color:#b8d0d6; background:#eef4f5;}

.resizable { border-color:#081629; background:#c3d7dc;}

/* Shadow */
.shadow .shadow_h_l { background:url(./images/shadow/shadow_h_l.png) no-repeat;}
.shadow .shadow_h_r { background:url(./images/shadow/shadow_h_r.png) no-repeat;}
.shadow .shadow_h_c { background:url(./images/shadow/shadow_h_c.png) repeat-x;}
.shadow .shadow_c_l { background:url(./images/shadow/shadow_c_l.png) repeat-y;}
.shadow .shadow_c_r { background:url(./images/shadow/shadow_c_r.png) repeat-y;}
.shadow .shadow_c_c { background:url(./images/shadow/shadow_c_c.png) repeat;}
.shadow .shadow_f_l { background:url(./images/shadow/shadow_f_l.png) no-repeat;}
.shadow .shadow_f_r { background:url(./images/shadow/shadow_f_r.png) no-repeat;}
.shadow .shadow_f_c { background:url(./images/shadow/shadow_f_c.png) repeat-x;}

/* Tree */
.tree div div { background:url(./images/zyLi2.gif) no-repeat; }
.tree .folder_collapsable, .tree .folder_expandable { background:url(./images/arrow.gif) no-repeat 50% 50%;}
.tree .checked, .tree .unchecked, .tree .indeterminate { background:url(./images/tree/check.png) no-repeat;}
/*.tree ul { background:url(./images/subNavBg2.png) repeat;}*/
.tree li a { border-bottom: 1px solid #1c252a; border-top: 1px solid #30373d;}
.tree li a, .tree li span { color:#9DA1A5;}
.tree li a:hover {color:#EFEFEF;border-bottom: 1px solid #192226;border-top: 1px solid #192226;background:url(./images/subNavBg_active.jpg) repeat;}
.tree .hover { background:url(./images/subNavBg3.png) repeat; }
.tree .selected { background:url(./images/subNavBg2.png) repeat;}
.tree .file { background:url(./images/arrow.gif) no-repeat 50% 50%;}


/* Accordion */
.accordion .accordionHeader, .accordion .accordionHeader h2 { color:#EFEFEF; background:url(./images/accordion/accordion.png); text-shadow:1px 1px 0 #333;}
.accordion { border-color:#1C252A; background:url(./images/subNavBg.jpg) repeat;}
.accordion .accordionHeader { background-color:#eaf4ff;}
.accordion .accordionContent { border-color:#1C252B;}

/* Grid */
.panelBar,
.toolBar li.hover, .toolBar li.hover a, .toolBar li.hover span, .toolBar span,
.pagination, .pagination li.hover, .pagination li.hover a, .pagination li span,
.pagination li.disabled span span,
.panelBar .line, .pagination li.jumpto, .pagination li.jumpto .goto { background:url(./images/grid/grid.png) no-repeat;}

.panelBar { border-color:rgb(205, 205, 205); background-color:#efefef;}

.grid .gridHeader { background:#EEE;}
/*.grid { background:url(./images/1.png) repeat;}*/
.grid table { border-color:#d0d0d0; background:#f9f9f9;}
.grid .gridHeader, .grid .gridHeader th { border-color:#d0d0d0; background:#f0eff0 url(./images/grid/tableth.png) repeat-x;}
.grid table th div { border-left-color:#EEE; border-right-color:#d0d0d0;}
.grid table td { border-color:#ededed;}

.grid .resizeMarker, .grid .resizeProxy { background:url(./images/grid/resizeCol.png) repeat-y;}

.grid .gridHeader th.hover, .grid .gridHeader th.thSelected { border-color:#aaccf6; }
.grid .gridTbody .gridRowBg { background:#f7f7f7;}
.grid .gridTbody .gridRow { border-color:#ededed;}
.grid .gridTbody .gridRow td.tdLast { border-color:#ededed;}
.grid .gridTbody .hover { border-color:#e4e4e4; background:#fdfdfd;}
.grid .gridTbody .hover .tdSelected { background:#f5f5f5;}
.grid .gridTbody .selected { border-color:#b8d0d6; background:#cadce4;}
.grid .gridTbody .selected .tdSelected { background:#e8edf3;}
.grid .gridTbody .tdSelected { background:#f8f8f8;}
.grid .error{background:#fb7e81;}

/* ProgressBar */
.progressBar { border:solid 2px #86a5ad; background:#FFF url(./images/progressBar/progressBar_m.gif) no-repeat 10px 10px;}

/* ----------------------------------------------------------------- Form */
/* TextInput */
.textInput, input.focus, input.required, input.error, input.readonly, input.disabled,
textarea.focus, textarea.required, textarea.error, textarea.readonly, textarea.disabled { background:url(./images/form/input_bg.png) no-repeat scroll;}

.textInput, .textArea { border:1px solid #DDD; background-color:#FFF; box-shadow:0 0 0 1px #f4f4f4;font-size:12px; font-family: "微软雅黑", Arial, sans-serif; color:#595959;}
input.required, textarea.required { border-color:#a2bac0 #b8d0d6 #b8d0d6 #a2bac0; background-color:#FFF;}
input.error, textarea.error { border-color:#F80C11 #FB7E81 #FB7E81 #F80C11;}
input.focus, textarea.focus {background: #fff;
	box-shadow: 0px 0px 5px 0px #2e89c3;
	-webkit-box-shadow: 0px 0px 5px 0px #2e89c3;
	-moz-box-shadow: 0px 0px 5px 0px #2e89c3;
	border-color: #2e89c3;}
input.readonly, textarea.readonly { border-color:#9eabb3 #d5dbdf #d5dbdf #9eabb3; background-color:#F6F6F6;}
input.disabled, textarea.disabled { border-color:#9eabb3 #d5dbdf #d5dbdf #9eabb3; background-color:#F6F6F6;}

.inputButton, .inputDateButton { background:url(./images/form/input_bt.png) no-repeat;}

/* Button */
.button, .button span,
.buttonDisabled, .buttonDisabled span,
.buttonActive, .buttonActive span,
.button .buttonContent, .buttonHover, .buttonHover .buttonContent,
.buttonActive .buttonContent, .buttonActiveHover, .buttonActiveHover .buttonContent,
.buttonDisabled .buttonContent { background:url(./images/button/button_s.png) no-repeat;}

.button span, .buttonDisabled span, .buttonActive span,
.button .buttonContent, .buttonHover, .buttonHover .buttonContent,
.buttonActive .buttonContent, .buttonDisabled .buttonContent,
.button button, .buttonHover button,
.buttonActive button, .buttonDisabled button { color:#183152;}

.buttonDisabled span, .buttonDisabled:hover span,
.buttonDisabled button { color:#999;}

/* ----------------------------------------------------------------- Pages */
/* Layout */
body, #splitBar { background:url(./images/bodyBg.png) repeat;}
#splitBarProxy { border-color:#c0c0c0; background:#CCC;}
#header {  background:url(./images/topnavBg.png) repeat-x;}

/*#header, #header .headerNav { background:url(./images/header_bg.png) repeat-x;}*/
/*#header { background-color:#102c4a;}*/
#header .logo { background:url(./images/logo.png) no-repeat;}
#header .nav li { float:left; margin-left:-1px; padding:0 8px; line-height:11px;}
#header .nav li a { color:#b9ccda;}
#header .themeList li div { background:url(./images/themeButton.png) no-repeat;}
.toggleCollapse, .toggleCollapse div { background:url(./images/layout/toggleSidebar.png) no-repeat;}
.toggleCollapse { border-style:solid; border-width:1px 1px 0 1px; border-color:#1c252a; background-color:#e7eff0;}
.toggleCollapse h2 { color:#E0E0E0;}
#sidebar_s .collapse { border:solid 1px #1C252A; background:url(./images/leftBarBg.png) repeat;}
#sidebar_s .collapse:hover { background:url(./images/leftBarBgHover.png) repeat;}

#taskbar, #taskbar li, #taskbar li .taskbutton { background:url(./images/layout/taskbar.png) no-repeat;}
#taskbar .close, #taskbar .restore, #taskbar .minimize { background:url(./images/layout/taskbar_icon.png) no-repeat;}
#taskbar li .taskbutton span { color:#FFF;}
#taskbar .taskbarLeft, #taskbar .taskbarRight { background:url(./images/layout/taskbar_control.png) no-repeat;}

/* Menu */
#navMenu, #navMenu li, #navMenu li.selected a, #navMenu li.selected span { background:url(../default/images/menu/menu.png) no-repeat;}
#navMenu { background-color:#1871dd; }
#navMenu li a, #navMenu li span { color:#FFF; }
#navMenu li.selected span { color:#000; }

/* Homepage */
.sidebarContent { display:block; overflow:auto; height:500px; border:solid 1px #86B4EC; background:#FFF;}
.accountInfo { display:block; overflow:hidden; height:60px; padding:0 10px; background:url(./images/4.png) repeat; border-top:1px solid #fff;}
.accountInfo p { padding:20px 0 0 0; line-height:19px; text-shadow:0 1px 0 #fff;}
.accountInfo p span { font-size:14px; font-weight:bold;}
.accountInfo .right { float:right; padding-right:10px; text-align:right;}
.accountInfo .alertInfo { float:right; width:300px; height:60px; padding-left:10px; border-left:solid 1px #accdf4;}
.accountInfo .alertInfo h2 { padding:8px 0; line-height:17px;}
.accountInfo .alertInfo a { padding:6px 0 0 0; line-height:21px;}

/* Pages */
.pageForm .inputInfo { color:#999;}

/* Pages dialog */
.dialog .pageHeader, .dialog .pageContent { border-color:#b8d0d6;}
.dialog .pageContent .pageFormContent { border-color:#b8d0d6; background:#FFF;}

/* Pages default */
.page .pageHeader, .formBar { border-color:#fff; background:#ebf0f5 url(../default/images/4.png) repeat; border-top:1px solid #fff; border-bottom: 1px solid #c7c7c7;}
.page .searchBar label { color:#183152;}

/* Pages Form */
.formBar { border-color:#b8d0d6;}
.divider { border-color:#b8d0d6;}

/* combox */
.combox .select a  { color:#183152; }
.comboxop { border-color:#B8D0D6; }
.combox, .combox div, .combox div a { background:url(../default/images/search-bg.gif) no-repeat; }



.middleNav { float: right; border: 1px solid #cdcdcd; margin: 10px 0; }
.middleNav ul:after { content: ""; display: block; clear: both; }
.middleNav ul li { display: block; float: left; border-left: 1px solid #cdcdcd; position: relative; }
.middleNav ul li:first-child { border-left: none; }
.middleNav ul li a { padding:0 20px 0 15px; line-height:35px;height: 35px; display: block; border: 1px solid #fbfbfb; cursor: pointer; 
background: #f8f8f8; 
background: -moz-linear-gradient(top,  #f8f8f8 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e9e9e9));
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e9e9e9 100%);
background: -o-linear-gradient(top,  #f8f8f8 0%,#e9e9e9 100%);
background: -ms-linear-gradient(top,  #f8f8f8 0%,#e9e9e9 100%);
background: linear-gradient(to bottom,  #f8f8f8 0%,#e9e9e9 100%);
}
.middleNav ul li a:first-child {
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
}
.middleNav ul li a:last-child {
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
}
.middleNav {
box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
}
.middleNav {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
.middleNav ul li a:hover { background: #f3f3f3; text-decoration:none; }
.middleNav ul li a:active { background: #efefef; }
.middleNav ul li a span { display: block; height: 35px; text-shadow:1px 1px 0 #fff; color:#595959; font-size:12px; font-weight:bold; padding-left:30px; }

.middleNav ul li a span.ico01 { background: url(./images/icons/01.png) no-repeat 0 50%; }
.middleNav ul li a span.ico02 { background: url(./images/icons/02.png) no-repeat 0 50%; }
.middleNav ul li a span.ico03 { background: url(./images/icons/03.png) no-repeat 0 50%; }
.middleNav ul li a span.ico04 { background: url(./images/icons/04.png) no-repeat 0 50%; }


.numberTop, .numberMiddle, .numberRight, .groupNum { text-align: center; background: url(./images/numberBg.png) repeat-x; display: inline-block; padding: 1px 5px; color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; float: right; margin: 10px 15px 10px -5px; font-size: 11px; line-height: 14px; width: auto; height: auto!important; }
.numberTop { margin: 6px 12px 6px -5px; padding: 1px 5px!important; }
.numberMiddle { margin: 0; position: absolute; top: -5px; right: 3px; font-size: 11px !important; color:#fff !important; text-shadow:0 0 0 !important; font-weight:normal !important; padding-left:5px !important; }
.numberRight { margin: 1px 3px; background: #1B232A; border: 1px solid #333c45; padding: 2px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; color: #d5d5d5; }
.groupNum { display: block; float: none; position: absolute; top: -9px; right: 0; margin: 0; box-shadow: 0 0 0 1px #262f36; -webkit-box-shadow: 0 0 0 1px #262f36; -moz-box-shadow: 0 0 0 1px #262f36; }

.zyLine {
height: 8px;
background: url(./images/divider.png) repeat-x;
display: block;
}
.zyAvatar { width:38px; height:38px; margin-top:7px; margin-right:10px; border:1px solid #cdcdcd; box-shadow: 0 1px 0 #fff;-moz-box-shadow: 0 1px 0 #fff;-webkit-box-shadow: 0 1px 0 #fff; padding:3px; background:#fff; float:left; border-radius:3px;
background: -moz-linear-gradient(top,  #f8f8f8 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e9e9e9));
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e9e9e9 100%);
background: -o-linear-gradient(top,  #f8f8f8 0%,#e9e9e9 100%);
background: -ms-linear-gradient(top,  #f8f8f8 0%,#e9e9e9 100%);
background: linear-gradient(to bottom,  #f8f8f8 0%,#e9e9e9 100%);}

.weibo {width: 300px; position: absolute; top: 69px; right: 0px;overflow: auto; }
.zyOA_Index { background: url(./images/line.png) repeat-y right; padding:10px 12px 10px 10px !important; }

.zyIcons01 { background: url(./images/icons/create.png) no-repeat left 50%;}
.zyIcons02 { background: url(./images/icons/user.png) no-repeat left 50%;}
.zyIcons03 { background: url(./images/icons/files.png) no-repeat left 50%;}
.zyIcons04 { background: url(./images/icons/fullscreen.png) no-repeat left 50%;}
.zyIcons05 { background: url(./images/icons/stats.png) no-repeat left 50%;}
.zyIcons06 { background: url(./images/icons/pencil.png) no-repeat left 50%;}

.pageFormContent div.unit p { width: 98% !important;float: none;padding: 5px;}
.searchContent { float:left;}
.searchBar .subBar { float:right;}